<div id="forgot-password" class="user-password-wrap">
    <h2>Quên mật khẩu</h2>
    <div id="step-1">
    <div class="note">Bạn nhập tên đăng nhập vào ô bên dưới, chúng tôi sẽ gửi mật khẩu mới cho bạn theo email bạn đã đăng kí khi đặt hàng
        <p><strong>Xin lưu ý, khi thực hiện chức năng này, mật khẩu hiện tại của bạn sẽ hủy bỏ!</strong></p>
    </div>
    <form id="forgot-password-form" class="form-horizontal" action="quen-mat-khau">
        <div class="control-group">
            <label class="control-label" for="username">Tên đăng nhập</label>
            <div class="controls">
                <input type="text" id="username" name="username" class="required">
            </div>
        </div>

        <div class="control-group">
            <div class="controls">
                <img src="captcha" alt="captcha" id="captcha">
                <a href="captcha" id="re-captcha">tải ảnh khác</a>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label" for="t-captcha">Nhập các kí tự trong ảnh</label>
            <div class="controls">
                <input type="text" id="t-captcha" class="required">
            </div>
        </div>
        <div class="buttons">
            <a href="" class="button">Về trang chủ</a>
            <button class="button" type="submit">Đồng ý</button>
        </div>
    </form>
    </div>

    <div id="successful">
        <p>Mật khẩu mới đã được gởi đến email bạn dùng để đăng kí tài khoản (<span id="recover-email">abc***@gmail.com</span>)</p>

        <p>Email được gởi đến từ địa chỉ <a href="mailto:{$email}">{$email}</a>.</p>

        <p> Vui lòng kiểm tra thư mục <strong>spam</strong> nếu không tìm thấy thư mới trong <strong>Inbox</strong></p>

        <p>Cám ơn bạn đã sử dụng hệ thống!</p>

        <div class="buttons">
            <a href="" class="button">Về trang chủ</a>
        </div>
    </div>
</div>

{css style/user-password.css}
{js scripts/user-forgot.js}